@@include('./layout/head.html',{'title':'首页'})
<link rel="stylesheet" href="./css/index.zjh.css">
<div id="content" class="index">
    <div class="left">
        <div class="omnibus">
            <div class="biaoit">
                <div class="title">精选文章</div>
                <ul class="nav">
                    <li class="active">前端设计</li>
                    <li>个人博客</li>
                </ul>
            </div>
            <ul class="content">
                <li>
                    <a href="">
                        <div class="img">
                            <img src="./images/bg_dh.png" alt="">
                        </div>
                        <div class="txt">
                            <div class="title">个人博客网站是否应该公安备案？</div>
                            <div class="time">2020-01-08</div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <div class="img">
                            <img src="./images/bg_dh.png" alt="">
                        </div>
                        <div class="txt">
                            <div class="title">个人博客网站是否应该公安备案？</div>
                            <div class="time">2020-01-08</div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <div class="img">
                            <img src="./images/bg_dh.png" alt="">
                        </div>
                        <div class="txt">
                            <div class="title">个人博客网站是否应该公安备案？</div>
                            <div class="time">2020-01-08</div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <div class="img">
                            <img src="./images/bg_dh.png" alt="">
                        </div>
                        <div class="txt">
                            <div class="title">个人博客网站是否应该公安备案？</div>
                            <div class="time">2020-01-08</div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <div class="img">
                            <img src="./images/bg_dh.png" alt="">
                        </div>
                        <div class="txt">
                            <div class="title">个人博客网站是否应该公安备案？</div>
                            <div class="time">2020-01-08</div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <div class="img">
                            <img src="./images/bg_dh.png" alt="">
                        </div>
                        <div class="txt">
                            <div class="title">个人博客网站是否应该公安备案？</div>
                            <div class="time">2020-01-08</div>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
        <ul class="muban">
            <li>
                <div class="img"><img src="https://www.qingqingblog.com/d/file/p/2021/06-25/4eb25ea39b114c37c3ce9bb63c5fd546.jpg" alt=""></div>
                <div class="txt">
                    <a class="title">html5响应式个人博客模板《初见》</a>
                    <div class="ms">《初见》响应式个人博客模板，初见惊艳，再见依然。集博客，相册，视频，个人简历，自带seo优化功能，自适应电脑，平板，手adadsasdf撒旦法</div>
                    <div class="start">
                        推荐指数：<i></i>
                    </div>
                    <div class="btn">
                        <a href="">付费模板</a>
                        <a href="">在线预览</a>
                        <a href="">积分下载</a>
                    </div>
                </div>
            </li>
            <li>
                <div class="img"><img src="https://www.qingqingblog.com/d/file/p/2021/06-25/4eb25ea39b114c37c3ce9bb63c5fd546.jpg" alt=""></div>
                <div class="txt">
                    <a class="title">html5响应式个人博客模板《初见》</a>
                    <div class="ms">《初见》响应式个人博客模板，初见惊艳，再见依然。集博客，相册，视频，个人简历，自带seo优化功能，自适应电脑，平板，手adadsasdf撒旦法</div>
                    <div class="start">
                        推荐指数：<i></i>
                    </div>
                    <div class="btn">
                        <a href="">付费模板</a>
                        <a href="">在线预览</a>
                        <a href="">积分下载</a>
                    </div>
                </div>
            </li>
        </ul>
        <div class="blogNews">
            <div class="biaoit">
                <div class="title">精选文章</div>
                <a href="">查看更多</a>
            </div>
            <ul class="content">
                <li>
                    <a href="" class="img">
                        <img src="https://www.qingqingblog.com/d/file/p/2021/06-25/6774ccfd64e118399e588f8354409c05.jpg" alt="">
                    </a>
                    <div class="txt">
                        <a href="" class="title">
                            慢一些，不会有影响
                        </a>
                        <div class="miaosu">
                            今年入夏以后，我就很少点外卖了我就很少点外卖了我就很少点外卖了。其中很大一个原因是搬了新家，固定光顾的几家店实在太远。离单位也远了。每日上班往返没有顺路公交，我只能满街寻找共享单车或电单车
                        </div>
                        <div class="left_right">
                            <div class="time"><span>2021-06-25</span><span>387</span></div>
                            <a href="" class="btn_tz">阅读更多</a>
                        </div>
                    </div>
                </li>
                <li>
                    <a href="" class="img">
                        <img src="https://www.qingqingblog.com/d/file/p/2021/06-25/6774ccfd64e118399e588f8354409c05.jpg" alt="">
                    </a>
                    <div class="txt">
                        <a href="" class="title">
                            慢一些，不会有影响
                        </a>
                        <div class="miaosu">
                            今年入夏以后，我就很少点外卖了我就很少点外卖了我就很少点外卖了。其中很大一个原因是搬了新家，固定光顾的几家店实在太远。离单位也远了。每日上班往返没有顺路公交，我只能满街寻找共享单车或电单车
                        </div>
                        <div class="left_right">
                            <div class="time"><span>2021-06-25</span><span>387</span></div>
                            <a href="" class="btn_tz">阅读更多</a>
                        </div>
                    </div>
                </li>
                <li>
                    <a href="" class="img">
                        <img src="https://www.qingqingblog.com/d/file/p/2021/06-25/6774ccfd64e118399e588f8354409c05.jpg" alt="">
                    </a>
                    <div class="txt">
                        <a href="" class="title">
                            慢一些，不会有影响
                        </a>
                        <div class="miaosu">
                            今年入夏以后，我就很少点外卖了我就很少点外卖了我就很少点外卖了。其中很大一个原因是搬了新家，固定光顾的几家店实在太远。离单位也远了。每日上班往返没有顺路公交，我只能满街寻找共享单车或电单车
                        </div>
                        <div class="left_right">
                            <div class="time"><span>2021-06-25</span><span>387</span></div>
                            <a href="" class="btn_tz">阅读更多</a>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="right">
        <div class="jianli">
            <div class="txt_img">
                <div class="txt">
                    <div>个人名片</div>
                    <div>MY<br/>PROFILE</div>
                </div>
                <div><img src="https://www.qingqingblog.com/skin/html/images/wx.png" alt=""></div>
            </div>
            <div class="img_per"><img src="https://www.qingqingblog.com/skin/html/images/avatar.png" alt=""></div>
            <ul>
                <li>
                    <div>NAME</div>
                    <div>章君华</div>
                </li>
                <li>
                    <div>JOB</div>
                    <div>前端设计师、程序员</div>
                </li>
                <li>
                    <div>WEB</div>
                    <div>章君华</div>
                </li>
                <li>
                    <div>ADD</div>
                    <div>天津市滨海新区</div>
                </li>
            </ul>
        </div>
        <div class="mbNews">
            <div class="title">
                <div class="txt">个人博客模板</div>
                <a href="">更多</a>
            </div>
            <ul>
                <li>
                    <div class="num">1</div>
                    <div class="txt">
                        <div>html5响应式个人博客模板《初见》</div>
                        <div>个人博客模板</div>
                    </div>
                </li>
                <li>
                    <div class="num">2</div>
                    <div class="txt">
                        <div>html5响应式个人博客模板《初见》</div>
                        <div>个人博客模板</div>
                    </div>
                </li>
                <li>
                    <div class="num">3</div>
                    <div class="txt">
                        <div>html5响应式个人博客模板《初见》</div>
                        <div>个人博客模板</div>
                    </div>
                </li>
                <li>
                    <div class="num">4</div>
                    <div class="txt">
                        <div>html5响应式个人博客模板《初见》</div>
                        <div>个人博客模板</div>
                    </div>
                </li>
                <li>
                    <div class="num">5</div>
                    <div class="txt">
                        <div>html5响应式个人博客模板《初见》</div>
                        <div>个人博客模板</div>
                    </div>
                </li>
                <li>
                    <div class="num">6</div>
                    <div class="txt">
                        <div>html5响应式个人博客模板《初见》</div>
                        <div>个人博客模板</div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="guangao">
            <a><img src="https://www.qingqingblog.com/d/file/p/2021/06-22/991cb98f554af76fe075ac4c1b2f9c44.png" alt=""></a>
            <a><img src="https://www.qingqingblog.com/d/file/p/2021/06-22/991cb98f554af76fe075ac4c1b2f9c44.png" alt=""></a>
        </div>
        <div class="webtype">
            <div class="title">
                <div class="txt">网站分类</div>
                <a href="">更多</a>
            </div>
            <ul>
                <li><a href="">个人博客（140）</a></li>
                <li><a href="">个人博客（140）</a></li>
                <li><a href="">个人博客（140）</a></li>
                <li><a href="">个人博客（140）</a></li>
            </ul>
        </div>
        <div class="wznews">
            <div class="title">
                <div class="txt">前端设计</div>
                <a href="">更多</a>
            </div>
            <ul>
                <li>
                    <a class="txt">庆祝建党100周年,你换背景了吗?</a>
                </li>
                <li>
                    <a class="txt">庆祝建党100周年,你换背景了吗?</a>
                </li>
                <li>
                    <a class="txt">庆祝建党100周年,你换背景了吗?</a>
                </li>
                <li>
                    <a class="txt">庆祝建党100周年,你换背景了吗?</a>
                </li>
                <li>
                    <a class="txt">庆祝建党100周年,你换背景了吗?</a>
                </li>
                <li>
                    <a class="txt">庆祝建党100周年,你换背景了吗?</a>
                </li>
                <li>
                    <a class="txt">庆祝建党100周年,你换背景了吗?</a>
                </li>
                <li>
                    <a class="txt">庆祝建党100周年,你换背景了吗?</a>
                </li>
                <li>
                    <a class="txt">庆祝建党100周年,你换背景了吗?</a>
                </li>
                <li>
                    <a class="txt">庆祝建党100周年,你换背景了吗?</a>
                </li>
            </ul>
        </div>
        <div class="wznews2">
            <div class="title">
                <div class="txt">帝国cms</div>
                <a href="">更多</a>
            </div>
            <ul>
                <li>
                    <a class="txt">庆祝建党100周年,你换背景了吗你换背景了吗?</a>
                </li>
                <li>
                    <a class="txt">庆祝建党100周年,你换背景了吗?</a>
                </li>
                <li>
                    <a class="txt">庆祝建党100周年,你换背景了吗?</a>
                </li>
                <li>
                    <a class="txt">庆祝建党100周年,你换背景了吗?</a>
                </li>
                <li>
                    <a class="txt">庆祝建党100周年,你换背景了吗?</a>
                </li>
                <li>
                    <a class="txt">庆祝建党100周年,你换背景了吗?</a>
                </li>
                <li>
                    <a class="txt">庆祝建党100周年,你换背景了吗?</a>
                </li>
                <li>
                    <a class="txt">庆祝建党100周年,你换背景了吗?</a>
                </li>
                <li>
                    <a class="txt">庆祝建党100周年,你换背景了吗?</a>
                </li>
                <li>
                    <a class="txt">庆祝建党100周年,你换背景了吗?</a>
                </li>
            </ul>
        </div>
        <div class="tagsclous">
            <div class="title">
                <div class="txt">标签云</div>
                <a href="">更多</a>
            </div>
            <p>
                <a href="" target="_blank">css</a>
                <a href="" target="_blank">网页设计</a>
                <a href="" target="_blank">网站模板</a>
                <a href="" target="_blank">帝国cms</a>
                <a href="" target="_blank">SEO优化</a>
                <a href="" target="_blank">企业网站模板</a>
                <a href="" target="_blank">html5</a>
                <a href="" target="_blank">个人博客</a>
                <a href="" target="_blank">企业网站</a>
                <a href="" target="_blank">定位</a>
                <a href="" target="_blank">帝国cms教程</a>
                <a href="" target="_blank">网站运营</a>
                <a href="" target="_blank">宝宝个人博客模板</a>
                <a href="" target="_blank">个人博客模板</a>
                <a href="" target="_blank">色彩搭配</a>
            </p>
        </div>
        <div class="tongji">
            <div class="title">
                <div class="txt">站点信息</div>
                <a></a>
            </div>
            <ul>
                <li><b>建站时间</b>：2011年01月12日</li>
                <li><b>网站程序</b>：帝国CMS7.5</li>
                <li><b>网站空间</b>：<a href="https://www.aliyun.com/minisite/goods?userCode=l1qstn8f&amp;share_source=copy_link" target="_blank">阿里云服务器</a></li>
                <li><b>建站流程</b>：<a href="https://www.qingqingblog.com/web/qianduan/201.html" target="_blank">分享新手建站流程</a></li>
                <li><b>技术文章</b>：<a href="https://www.qingqingblog.com/all/" target="_blank">217</a>篇</li>
                <li><b>博客文章</b>：<a href="https://www.qingqingblog.com/blog/" target="_blank">140</a>篇</li>
                <li><b>博客模板</b>：已更新<a href="https://www.qingqingblog.com/moban/" target="_blank">52</a>套网站模板</li>
                <li><b>网站会员</b>：<a href="https://www.qingqingblog.com/e/member/register/index.php?tobind=0&amp;groupid=5" target="_blank">1795</a>人已注册
                </li><li><b>标签管理</b>：<a href="https://www.qingqingblog.com/tags/" target="_blank">标签云</a></li>
                <li><b>统计数据</b>：<a href="https://tongji.baidu.com/web/welcome/ico?s=1afa8a8cae01399b28e9cd233fc2550a" target="_blank" rel="nofollow">百度统计</a></li>
                <li><b>网站地图</b>：<a href="https://www.qingqingblog.com/sitemap.xml" target="_blank">XML网站地图</a></li>
                <li><b>订阅内容</b>：</li>
                <li class="tongji_gzh"><i><img src="https://www.qingqingblog.com/skin/html/images/wx.png" alt="微信二维码">扫描二维码，加好友</i><i><img src="https://www.qingqingblog.com/skin/html/images/wxgzh.jpg" alt="微信公众号">订阅公众号</i></li>
            </ul>
        </div>
        <div class="links">
            <div class="title">
                <div class="txt">友情链接</div>
                <a>[申请]</a>
            </div>
            <ul class="links_text">
                <li><a href="https://www.wenyuanblog.com/" target="_blank">文渊个人博客</a></li>
                <li><a href="https://www.yezismile.com/" target="_blank">叶子个人博客</a></li>
                <li><a href="http://www.zhangqinblog.com/" target="_blank">张先森个人博客</a></li>
                <li><a href="https://www.tjcblog.com" target="_blank">谭嘉成个人博客</a></li>
                <li><a href="https://tamboke.com/" target="_blank">Tam个人博客</a></li>
                <li><a href="http://www.biiiiii.com" target="_blank">小山里个人博客</a></li>
                <li><a href="http://seo95.com/" target="_blank">张荣昌个人博客</a></li>
                <li><a href="http://www.zzbapp.com/" target="_blank">青萌个人博客</a></li>
                <li><a href="http://www.wuyouseo.com/" target="_blank">无忧IT博客</a></li>
                <li><a href="http://mood.qingqingblog.com/" target="_blank">杨青青个人博客</a></li>
                <li><a href="https://www.cwtseo.com" target="_blank">华仔SEO</a></li>
                <li><a href="https://www.gitjie.com/" target="_blank">小杰博客</a></li>
                <li><a href="https://www.deep-os.com/" target="_blank">linux运维</a></li>
                <li><a href="https://blog.weiyiqi.net/" target="_blank">魏义齐个人博客</a></li>
                <li><a href="http://www.fangzengye.com/" target="_blank">方增烨个人博客</a></li>
                <li><a href="https://blog.zhongkehuayu.com/" target="_blank">众客华禹</a></li>
            </ul>
        </div>
    </div>
</div>
@@include('./layout/footer.html')